<template>
  <van-tabbar v-model="active" active-color="#2c2c2c" inactive-color="#cdcdcd" :route="true">
  <van-tabbar-item name="home" icon="home-o" to="/">首页</van-tabbar-item>
  <van-tabbar-item name="search" icon="search" to="/mycenter">我的设计</van-tabbar-item>
  <van-tabbar-item name="friends" icon="friends-o" to="/design">个人中心</van-tabbar-item>
</van-tabbar>
</template>


<script>
export default {
  data() {
    return {
      active: 'home',
    };
  }
};
</script>

<style>
.van-tabbar-item{
  /* background: rgb(233, 14, 124); */
}

</style>